import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import '@/style/reset.css'

import "./styles/reset.css"

// 引入ElementUI组件
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

import VueParticles from 'vue-particles';
Vue.use(VueParticles)  

Vue.use(ElementUI);

Vue.use(ElementUI);
Vue.config.productionTip = false;

//引入路由守卫
router.beforeEach((to, from, next) => {
  let userId = localStorage.getItem("userId") || ""
  //判断是否有id 有代表登入 没有代表没登入
  if (userId) {
    next()
  } else {
    //如果用户访问的不是Loginer页面 那么就要跳转到Loginer
    if (to.path == "/Mine") {
      next({ path: "/Loginer" })
    } else {
      //用户访问的是Loginer页面 放行
      next()
    }
  }
})
 
new Vue({
    router,
    store,
    render: h => h(App)
}).$mount("#app");